<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title></title>
    <!--hammer CSS-->
    <link rel="stylesheet" href="stylesheets/hammer-define.css">
    <style>
    .solution * {
        box-sizing: border-box;
    }

    .solution {
        margin: 0;
        padding: 0;

        color: #666;
        background-color: rgb(229, 241, 248);
    }

    .solution ul {
        margin: 0;
        margin-bottom: 8px;
        border-bottom: 1px solid #d8d8d8;
        padding-left: 0;
        padding-bottom: 3px;

        background-color: #fff;
    }

    .solution li ul {
        border: 0;
    }

    .solution ul:last-of-type {
        margin-bottom: 0;
    }

    .solution .line {
        display: block;

        width: 100%;
        height: 1px;

        background-color: #d8d8d8;
    }

    .solution .line-short {
        position: relative;
        left: 20px;
    }

    .solution .header {
        display: flex;

        align-items: center;

        border-top: 1px solid #d8d8d8;
        padding: 10px;
        width: 100%;
        height: 50px;

        color: #666;
    }

    .solution .header .icon {
        margin-left: 10px;
        width: 30px;
        height: 30px;
    }

    .solution .header .title {
        float: right;
        display: block;
        color: #4E4E4E;
        margin-left: 5px;
        width: 100%;
    }

    .contract-info .header .title {
        display: inline-block;

        line-height: 50px;
    }

    .contract-info .contract-content {
        display: inline-block;
        clear: both;

        padding: 3px 0;
        width: 100vw;

        font-size: 16px;
    }

    .solution .content-left {
        color: #3A86E8;
    }

    .solution .sub-header {
        padding-left: 20px;
        height: 32px;

        font-size: 16px;
        line-height: 32px;
    }

    .solution .sub-header .title {
        margin-left: 0;
    }

    #wmjg li ul,
    #azbx li ul,
    #cpb li ul,
    #wlqd li ul {
        margin-top: 5px;
    }

    .solution .NBQAZWZ .sub-content {
        float: left;

        margin-left: 2.5%;
        width: 30%;

        list-style: none;
    }

    .solution .NBQAZWZ .sub-content img {
        display: inline-block;

        width: 100%;
        height: 100%;
    }

    .solution .clearfix {
        clear: both;
    }

    .solution #azbx .azbx-content .zzbx .sub-content .content {
        color: #666666;
        display: block;
        padding: 3px 20px;
    }

    .solution .same-style-content {
        display: block;

        padding: 3px 0;
        width: 100%;
        height: 24px;
    }

    .solution .same-style-content .content-left {
        float: left;
        margin-left: 20px;
    }

    .solution .same-style-content .content-right {
        float: right;
        color: #666666;
        margin-right: 20px;
    }

    </style>
</head>
<div class="solution" style="list-style: none;">
    <!-- 项目基本信息 -->
    <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0"></div>
    <ul class="contract-info">
        <li class="header contract-info-header">
            <img class="icon" src="img/check-title-icon.png">
            <span class="title">项目基本信息</span>
        </li>
        <div class="line"></div>
        <li class="same-style-content contract-content">
            <span class="content-left">客户名称</span>
            <span class="content-right" id="customerName__solution"></span>
        </li>
        <li class="same-style-content contract-content">
            <span class="content-left">客户联系人</span>
            <span class="content-right" id="contacts__solution"></span>
        </li>
        <li class="same-style-content contract-content">
            <span class="content-left">所属地区</span>
            <span class="content-right" id="regionCode__solution"></span>
        </li>
        <li class="same-style-content contract-content">
            <span class="content-left">详细地址</span>
            <span class="content-right" id="address__solution"></span>
        </li>
    </ul>

    <!-- 屋面结构 -->
    <ul id="wmjg">
        <li class="header wmjg-header">
            <img class="icon" src="img/icon-building.png">
            <span class="title">屋面结构</span>
        </li>
        <div class="line"></div>
    </ul>

    <!-- 安装布线 -->
    <ul id="azbx">
        <li class="header azbx-header">
            <img class="icon" src="img/icon-bunch.png">
            <span class="title">安装布线</span>
        </li>
        <div class="line"></div>
        <li class="azbx-content">
            <ul class="zzbx">
                <li class="sub-header">
                    <span class="title">组件布线</span>
                </li>
                <div class="line line-short"></div>
                <li class="sub-content">
                    <span class="content" id="zjbx__solution"></span>
                </li>
            </ul>
        </li>
        <li class="azbx-content">
            <ul class="NBQAZWZ">
                <li class="sub-header">
                    <span class="title">逆变器 安装位置</span>
                </li>
                <div class="line line-short"></div>
            </ul>
        </li>
        <li class="azbx-content clearfix">
            <ul class="fljd">
                <li class="sub-header">
                    <span class="title">防雷接地</span>
                </li>
                <div class="line line-short"></div>
                <li class="sub-header" style="height: auto">
                    <span class="content" id="fljd__solution"></span>
                </li>
            </ul>
        </li>
    </ul>

    <!-- 产品包 -->
    <ul id="cpb">
        <li class="header cpb-header">
            <img class="icon" src="img/icon-card.png">
            <span class="title">产品包</span>
        </li>
        <div class="line"></div>
        <li class="cpb-content">
            <ul class="cpba">
                <li class="sub-header">
                    <span class="title">产品包</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left" id="product_model__solution"></span>
                    <span class="content-right" id="modules_num__solution"></span>
                </li>
            </ul>
        </li>
        <li class="cpb-content">
            <ul class="dg" id="dg">
                <li class="header sub-header">
                    <span class="title">导轨</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left">导轨1A数量</span>
                    <span class="content-right" id="dg_1a__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">导轨2A数量</span>
                    <span class="content-right" id="dg_2a__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">导轨3A数量</span>
                    <span class="content-right" id="dg_3a__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">导轨1B数量</span>
                    <span class="content-right" id="dg_1b__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">导轨2B数量</span>
                    <span class="content-right" id="dg_2b__solution"></span>
                </li>
            </ul>
        </li>
        <li class="cpb-content">
          <ul class="zzcs">
            <li class="header sub-header">
              <span class="title">组串参数</span>
            </li>
            <div class="line line-short"></div>
            <li class="same-style-content sub-content">
              <span class="content-left">组串数量</span>
              <span class="content-right" id="zc_num__solution">4</span>
            </li>
            <li class="same-style-content sub-content">
              <span class="content-left">组串1组件数量</span>
              <span class="content-right" id="zc1_cpts_num__solution"></span>
            </li>
            <li class="same-style-content sub-content">
              <span class="content-left">组串2组件数量</span>
              <span class="content-right" id="zc2_cpts_num__solution"></span>
            </li>
            <li class="same-style-content sub-content">
              <span class="content-left">组串3组件数量</span>
              <span class="content-right" id="zc3_cpts_num__solution"></span>
            </li>
            <li class="same-style-content sub-content">
              <span class="content-left">组串4组件数量</span>
              <span class="content-right" id="zc4_cpts_num__solution"></span>
            </li>
          </ul>
        </li>
    </ul>

    <!-- 物料清单 -->
    <ul id="wlqd">
        <li class="header wlqd-header">
            <img class="icon" src="img/icon-tile.png">
            <span class="title">物料清单</span>
        </li>
        <div class="line"></div>
        <!--<li class="wlqd-content">
            <ul class="tynzj">
                <li class="sub-header">
                    <span class="title">太阳能组件</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left">组件型号</span>
                    <span class="content-right" id=""></span>
                </li>
            </ul>
        </li>-->
        <li class="wlqd-content" id="inverter">
            <ul class="inverter">
                <li class="sub-header">
                    <span class="title-span">逆变器</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left" id="inverter1__solution"></span>
                    <span class="content-right">1个</span>
                </li>
                <li class="same-style-content sub-content" id="inverter2_ul__solution">
                    <span class="content-left" id="inverter2__solution"></span>
                    <span class="content-right">1个</span>
                </li>
            </ul>
        </li>
        <li class="wlqd-content">
            <ul class="zj">
                <li class="sub-header">
                    <span class="title">支架</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left">支架1A数量</span>
                    <span class="content-right" id="zj_1a__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">支架2A数量</span>
                    <span class="content-right" id="zj_2a__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">支架3A数量</span>
                    <span class="content-right" id="zj_3a__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">支架1B数量</span>
                    <span class="content-right" id="zj_1b__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">支架2B数量</span>
                    <span class="content-right" id="zj_2b__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">夹具</span>
                    <span class="content-right" id="jiaju_qty__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">挂钩</span>
                    <span class="content-right" id="guagou_qty__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">中压块</span>
                    <span class="content-right" id="zyk__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">边压块</span>
                    <span class="content-right" id="byk__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">导电片</span>
                    <span class="content-right" id="ddp__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">接地件</span>
                    <span class="content-right" id="jdj__solution"></span>
                </li>
            </ul>
        </li>
        <li class="wlqd-content">
            <ul class="jlpdx">
                <li class="sub-header">
                    <span class="title">交流配电箱</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left">配电箱型号</span>
                    <span class="content-right" id="pdx__solution"></span>
                </li>
            </ul>
        </li>
        <li class="wlqd-content">
            <ul class="others">
                <li class="sub-header">
                    <span class="title">其他</span>
                </li>
                <div class="line line-short"></div>
                <li class="same-style-content sub-content">
                    <span class="content-left">直流电缆</span>
                    <span class="content-right" id="zldl__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">交流电缆</span>
                    <span class="content-right" id="jldl__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">电线护管及接头</span>
                    <span class="content-right" id="hgjt__solution"></span>
                </li>
                <li class="same-style-content sub-content">
                    <span class="content-left">辅材</span>
                    <span class="content-right" id="fc__solution"></span>
                </li>
            </ul>
        </li>
    </ul>

    <div id="hammer-mask"></div>
    <div id="hammer-bg" onclick="hideHammer_html(event)">
    <div id="hammer-box">
        <img id="image-big" src="" alt="">
    </div>
    <div id="hammer-page">1/1</div>
        <div id="hammer-page-ctrl">
            <span onclick="lastImg()" style="float: left"> < last </span>
            <span onclick="nextImg()" style="float: right"> next > </span>
        </div>
    </div>

    <div style="height: 20px;background-color: rgb(229, 241, 248)"></div>
    <script src="javascripts/hammer-define.js"></script>

    <script type="text/javascript-lazy" src="js/projectTrackHtml/solution.js"></script>

</div>
